<!DOCTYPE HTML>
<html manifest="" lang="en-US">

<head>
    <meta charset="utf-8">
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
    <title>LifeDjtu--人在交大</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="res/css/bootstrap.css">
    <link rel="stylesheet" href="res/css/bootstrap-theme.css">
    <link rel="stylesheet"  href="res/css/jquery.mobile-1.4.1.css">
    <link rel="stylesheet" href="res/css/app.css">
    <link rel="stylesheet" href="res/css/chat.css">
    <script src="res/js/jquery.js"></script>
    <script src="res/js/jquery.mobile-1.4.1.js"></script>
    <script src="res/js/jquery.scrollto.js"></script>
    <script src="res/js/bootstrap.js"></script>
    <script type="text/javascript" src="cordova.js"></script>

    <script src="app/util.js"></script>
    <script src="app/app.js"></script>
    <script src="app/score.js"></script>

    <script id="socket-io-src" src="http://111.206.45.12:30083/socket.io/socket.io.js"></script>
    <!-- <script id="socket-io-src" src="http://127.0.0.1:1222/socket.io/socket.io.js"></script> -->
    <script src="app/socket-app.js"></script>
    <script src="app/message.js"></script>


</head>

<body>
    <div></div>

    <div data-position-fixed="true" data-role="panel" id="leftpanel" data-position="left" data-display="reveal" data-theme="a">
        <br>
        <a style="display: none" id="leftpanel-close-btn" data-rel="close" href="#" class="ui-btn ui-btn-icon-right ui-icon-delete">Close</a>
        <br>
        <a href="#course-table" data-transition="pop" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-grid">我的课表</a>
        <a href="#exam-table" data-transition="pop" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-calendar">我的考试</a>
        <a href="#score-table"  data-transition="pop" data-ajax="true" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-check">我的成绩</a>
        <br>
        <a href="user.html" data-ajax="false" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-user">我的资料</a>
        <a href="#instant-message" data-transition="flip" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-mail">我的消息</a>
        <a href="config.html" data-transition="flip" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-gear">设置</a>
        <br>
        <a href="index.html" id="exit-button" data-ajax="false" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-power" data-theme="b">退出登陆</a>
    </div><!-- /leftpanel1 -->

    <div data-position-fixed="true" data-role="panel" style="width: 130px"  id="rightpanel" data-position="right" data-display="overlay" data-theme="b">
        <a href="#" data-rel="close" class="ui-btn ui-btn-inline ui-icon-delete ui-btn-icon-left">关闭</a>
        <a href="news.html" data-ajax="false" data-prefetch="true"  data-transition="slideup" class="ui-btn ui-shadow ui-corner-all ui-icon-bars ui-btn-icon-bottom">看资讯</a>
        <a href="room.html" data-ajax="false" class="ui-btn ui-shadow ui-corner-all ui-icon-search ui-btn-icon-bottom">查教室</a>
        <a href="mark.html" data-ajax="false" class="ui-btn ui-shadow ui-corner-all ui-icon-star ui-btn-icon-bottom">算均分</a>
        <a href="street-view.html" data-ajax="false" class="ui-btn ui-shadow ui-corner-all ui-icon-eye ui-btn-icon-bottom">观全景</a>
        <a href="#" class="ui-btn ui-shadow ui-corner-all ui-icon-comment ui-btn-icon-bottom">全评估</a>

    </div><!-- /rightpanel3 -->

    <div data-role="page" id="course-table" data-url="course-table">
        <div data-role="header" data-theme="a" data-position="fixed">

            <h1>
                <br>
                <span class="lead">第 <strong class="header-week">0</strong> 周</span>
            </h1>
            <div data-role="controlgroup" data-type="horizontal" class="ui-mini ui-btn-left">
                <br>
                <a href="#leftpanel"  data-shadow="false" data-iconshadow="false" class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline ui-icon-bars ui-btn-icon-left ui-alt-icon ui-nodisc-icon">菜单</a>
            </div>

            <div data-role="controlgroup" data-type="horizontal" class="ui-mini ui-btn-right">
                <br>
                <a href="javascript:void(0)"  data-iconpos="notext" data-shadow="false" data-iconshadow="false" class="ui-btn ui-shadow ui-icon-refresh ui-corner-all ui-btn-icon-notext">Open right panel</a>
                <a href="#rightpanel"  data-shadow="false" data-iconshadow="false" class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline ui-icon-bullets ui-btn-icon-left ui-alt-icon ui-nodisc-icon">工具箱</a>
            </div>
        </div><!-- /header -->
        <div id="course-table-style" role="main" class="container-fluid" style="padding-left: 0px;padding-right: 0px;">
            <div class="row" style="margin-bottom: -18px;padding-bottom: 0px">
                <div class="col-lg-12">
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead>
                            <th data-order="0"></th>
                            <th data-order="1">星期一</th>
                            <th data-order="2">星期二</th>
                            <th data-order="3">星期三</th>
                            <th data-order="4">星期四</th>
                            <th data-order="5">星期五</th>
                            <th data-order="6">星期六</th>
                            <th data-order="7">星期日</th>
                            </thead>
                            <tr id="1-segment">
                                <td>1</td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                            </tr>
                            <tr id="2-segment">
                                <td>2</td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                            </tr>
                            <tr id="3-segment">
                                <td>3</td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                            </tr>
                            <tr id="4-segment">
                                <td>4</td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                            </tr>
                            <tr id="5-segment">
                                <td>5</td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                            </tr>
                            <tr id="6-segment">
                                <td>6</td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                            </tr>
                            <tr id="7-segment">
                                <td>7</td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                            </tr>
                            <tr id="8-segment">
                                <td>8</td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                            </tr>
                            <tr id="9-segment">
                                <td>9</td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                            </tr>
                            <tr id="10-segment">
                                <td>10</td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                            </tr>
                            <tr id="11-segment">
                                <td>11</td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                            </tr>
                            <tr id="12-segment">
                                <td>12</td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                                <td ></td>
                            </tr>
                        </table>
                    </div>

                </div>
            </div>

            <!--<a href="#demo-intro" data-rel="back" class="back-btn ui-btn ui-corner-all ui-shadow ui-mini ui-btn-inline ui-icon-back ui-btn-icon-right">Back to demo intro</a>-->
        </div><!-- /content -->

        <div  id="course-list-style"  style="display:none;margin-top:-5px;padding-left: 0px;padding-right: 0px;" data-role="tabs">
            <table class="table week-table" style="margin-bottom: -4px">
                <tr>
                    <th class="text-center"><a data-order="1">一</a></th>
                    <th class="text-center"><a data-order="2">二</a></th>
                    <th class="text-center"><a data-order="3">三</a></th>
                    <th class="text-center"><a data-order="4">四</a></th>
                    <th class="text-center"><a data-order="5">五</a></th>
                    <th class="text-center"><a data-order="6">六</a></th>
                    <th class="text-center"><a data-order="7">日</a></th>
                </tr>
            </table>
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <ul id="course-list-1" data-role="listview" data-inset="true" data-split-theme="a" data-split-icon="gear">
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">1</span>&nbsp;&nbsp;

                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">2</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">3</span>&nbsp;&nbsp;

                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">4</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">5</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">6</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">7</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">8</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">9</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">10</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">11</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">12</span>&nbsp;&nbsp;
                                </a>
                            </li>
                        </ul>
                        <ul id="course-list-2" data-role="listview" data-inset="true" data-split-theme="a" data-split-icon="gear">
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">1</span>&nbsp;&nbsp;

                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">2</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">3</span>&nbsp;&nbsp;

                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">4</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">5</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">6</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">7</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">8</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">9</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">10</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">11</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">12</span>&nbsp;&nbsp;
                                </a>
                            </li>
                        </ul>
                        <ul id="course-list-3" data-role="listview" data-inset="true" data-split-theme="a" data-split-icon="gear">
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">1</span>&nbsp;&nbsp;

                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">2</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">3</span>&nbsp;&nbsp;

                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">4</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">5</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">6</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">7</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">8</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">9</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">10</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li data-theme="a">
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">11</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">12</span>&nbsp;&nbsp;
                                </a>
                            </li>
                        </ul>
                        <ul id="course-list-4" data-role="listview" data-inset="true" data-split-theme="a" data-split-icon="gear">
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">1</span>&nbsp;&nbsp;

                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">2</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">3</span>&nbsp;&nbsp;

                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">4</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">5</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">6</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">7</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">8</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">9</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">10</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li data-theme="a">
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">11</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">12</span>&nbsp;&nbsp;
                                </a>
                            </li>
                        </ul>
                        <ul id="course-list-5" data-role="listview" data-inset="true" data-split-theme="a" data-split-icon="gear">
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">1</span>&nbsp;&nbsp;

                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">2</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">3</span>&nbsp;&nbsp;

                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">4</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">5</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">6</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">7</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">8</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">9</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">10</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li data-theme="a">
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">11</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">12</span>&nbsp;&nbsp;
                                </a>
                            </li>
                        </ul>
                        <ul id="course-list-6" data-role="listview" data-inset="true" data-split-theme="a" data-split-icon="gear">
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">1</span>&nbsp;&nbsp;

                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">2</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">3</span>&nbsp;&nbsp;

                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">4</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">5</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">6</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">7</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">8</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">9</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">10</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">11</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">12</span>&nbsp;&nbsp;
                                </a>
                            </li>
                        </ul>
                        <ul id="course-list-7" data-role="listview" data-inset="true" data-split-theme="a" data-split-icon="gear">
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">1</span>&nbsp;&nbsp;

                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">2</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">3</span>&nbsp;&nbsp;

                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">4</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">5</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">6</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">7</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">8</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">9</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">10</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">11</span>&nbsp;&nbsp;
                                </a>
                            </li>
                            <li>
                                <a href="#classDetail" data-transition="pop">
                                    <span class="text-warning lead segment" style="font-size: 20px">12</span>&nbsp;&nbsp;
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>


        <div data-role="footer" data-position="fixed">
            <div data-role="navbar" data-role="footer" data-position="fixed">
                <ul>
                    <li><a href="#course-table-style" data-icon="grid" class="ui-btn-active ui-state-persist">周课程</a></li>
                    <li><a href="#course-list-style" data-icon="star" class="">日课程</a></li>
                </ul>
            </div><!-- /navbar -->
        </div><!-- /footer -->
    </div>

    <!-- exam page -->
    <div data-role="page" id="exam-table" data-url="exam-table">
        <div data-role="header" data-theme="a" data-position="fixed">

            <h1>
                <br>
                <span class="lead">我的考试</span>
            </h1>
            <div data-role="controlgroup" data-type="horizontal" class="ui-mini ui-btn-left">
                <br>
                <a href="#leftpanel"  data-shadow="false" data-iconshadow="false" class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline ui-icon-bars ui-btn-icon-left ui-alt-icon ui-nodisc-icon">菜单</a>
            </div>

            <div data-role="controlgroup" data-type="horizontal" class="ui-mini ui-btn-right">
                <br>
                <a href="javascript:void(0)" data-role="refresh" data-iconpos="notext" data-shadow="false" data-iconshadow="false" class="ui-btn ui-shadow ui-icon-refresh ui-corner-all ui-btn-icon-notext">Open right panel</a>
                <a href="#rightpanel"  data-shadow="false" data-iconshadow="false" class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline ui-icon-bullets ui-btn-icon-left ui-alt-icon ui-nodisc-icon">工具箱</a>
            </div>

        </div><!-- /header -->
        <div role="main" class="container-fluid" style="padding-left: 0px;padding-right: 0px">
            <div class="table-responsive">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th></th>
                        <th>课程号</th>
                        <th>课程名称</th>
                        <th>考试时间</th>
                        <th>考试地点</th>
                        <th>考试性质</th>
                    </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td colspan="6" class="text-center text-muted lead">考试安排会在这里显示.</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <!--<a href="#demo-intro" data-rel="back" class="back-btn ui-btn ui-corner-all ui-shadow ui-mini ui-btn-inline ui-icon-back ui-btn-icon-right">Back to demo intro</a>-->
        </div><!-- /content -->
    </div>

    <!-- score page -->
    <div data-role="page" id="score-table" data-url="score-table">
        <div data-role="header" data-theme="a" data-position="fixed">

            <h1>
                <br>
                <span class="lead">我的成绩</span>
            </h1>
            <div data-role="controlgroup" data-type="horizontal" class="ui-mini ui-btn-left">
                <br>
                <a href="#leftpanel"  data-shadow="false" data-iconshadow="false" class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline ui-icon-bars ui-btn-icon-left ui-alt-icon ui-nodisc-icon">菜单</a>
            </div>

            <div data-role="controlgroup" data-type="horizontal" class="ui-mini ui-btn-right">
                <br>
                <a href="#rightpanel"  data-shadow="false" data-iconshadow="false" class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline ui-icon-bullets ui-btn-icon-left ui-alt-icon ui-nodisc-icon">工具箱</a>
            </div>
        </div><!-- /header -->
        <div role="main" class="container-fluid">
            <form>
                <div class="ui-grid-a">
                    <div class="ui-block-a">
                        <select id="schoolYear-menu" data-native-menu="false" name="schoolYear" class="ui-mini">
                            <option value="2020">2020</option>
                            <option value="2019">2019</option>
                            <option value="2018">2018</option>
                            <option value="2017">2017</option>
                            <option value="2016">2016</option>
                            <option value="2015">2015</option>
                            <option value="2014" selected="selected">2014</option>
                            <option value="2013">2013</option>
                            <option value="2012">2012</option>
                            <option value="2011">2011</option>
                            <option value="2010">2010</option>
                            <option value="2009">2009</option>
                            <option value="2008">2008</option>
                            <option value="2007">2007</option>
                            <option value="2006">2006</option>
                            <option value="2005">2005</option>
                        </select>
                    </div>
                    <div class="ui-block-b">
                        <select id="term-menu" data-native-menu="false" name="term" class="ui-mini">
                            <option value="1">春</option>
                            <option value="2">秋</option>
                        </select>
                    </div>
                </div>
                <a href="#search-score"  class="ui-shadow ui-btn ui-icon-search ui-btn-icon-left ui-corner-all ui-mini">查询</a>
            </form>
            <div class="table-responsive">
                <table class="table table-bordered table-striped table-condensed">
                    <thead>
                    <tr class="info">
                        <th></th>
                        <th>学年</th>
                        <th>学期</th>
                        <th>课程号</th>
                        <th>课序号</th>
                        <th>课程名</th>
                        <th>平时</th>
                        <th>期末</th>
                        <th>总评</th>
                        <th>选课属性</th>
                        <th>课组</th>
                        <th>学分</th>
                        <th>是否缓考</th>
                        <th>考试性质</th>
                        <th>备注</th>
                        <th>主讲教师</th>
                        <th>课程类别</th>
                    </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td colspan="6" class="text-muted lead text-center">成绩会在这里显示.</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <!--<a href="#demo-intro" data-rel="back" class="back-btn ui-btn ui-corner-all ui-shadow ui-mini ui-btn-inline ui-icon-back ui-btn-icon-right">Back to demo intro</a>-->
        </div><!-- /content -->
    </div>

    <div data-role="page" id="classDetail" data-url="classDetail">
        <div data-role="header" data-theme="a" data-position="fixed">
            <h1>
                <br>
                <span class="lead course-name">正在获取信息中...</span>
            </h1>
            <div data-role="controlgroup" data-type="horizontal" class="ui-mini ui-btn-left">
                <br>
                <a href="../" data-rel="back"  class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline ui-icon-carat-l ui-btn-icon-left ui-alt-icon ui-nodisc-icon">返回</a>
            </div>
            <div data-role="controlgroup" data-type="horizontal" class="ui-mini ui-btn-right">
                <br>
                <a href="#refresh-course-info" data-role="refresh-button"  data-shadow="false" data-iconshadow="false" class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline ui-icon-refresh ui-btn-icon-left ui-alt-icon ui-nodisc-icon">刷新</a>
            </div>

        </div><!-- /header -->

        <div role="main" class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    <div class="">
                        <h2 class="text-primary text-center course-name"></h2>
                        <h5 class="text-muted text-center teacher-name"></h5>
                        <p class="text-center all-class"><span class="all-class text-info"></span>|共<span class="member-number text-danger"></span>人</p>
                        <p style="display: none"><span class="courseGroupId"></span><span class="courseInstanceGroupId"></span></p>
                        <p style="display: none"><span class="remote-id"></span><span class="course-alias"></span></p>

                    </div>
                </div>
            </div>
            <ul  data-role="listview" data-count-theme="b" data-split-icon="grid" data-split-theme="a" data-inset="true">
                <li id="sameClassList">
                    <a href="chat-page.html" data-transition="slidedown">
                        <img src="./res/icon/default.jpg">
                        <h2><span class="text-info">同课同班</span></h2>
                        <p><span class="member-number badge"></span></p>
                        <span class="ui-li-count">0</span>
                    </a>
                    <a href="#classMateList" data-bind="0" data-id=""  data-transition="pop">查看成员</a>
                </li>

                <li id="sameCourseList">
                    <a href="chat-page.html" data-transition="slidedown">
                        <img src="./res/icon/default.jpg">
                        <h2><span class="text-info">同课</span></h2>
                        <p><span class="member-number badge"></span></p>
                        <span class="ui-li-count">0</span>
                    </a>
                    <a href="#classMateList" data-bind="1" data-id="" data-transition="pop">查看成员</a>
                </li>
            </ul>
            <br>
            <div class="ui-grid-a">
                <div class="ui-block-a"><a href="#"  class="ui-btn ui-shadow ui-corner-all"><span class="glyphicon glyphicon-thumbs-up"></span> 赞一个(<span class="text-danger goodEval"></span>)</a></div>
                <div class="ui-block-b"><a href="#"  class="ui-btn ui-shadow ui-corner-all"><span class="glyphicon glyphicon-thumbs-down"></span> 踩一个(<span class="text-info badEval"></span>)</a></div>
            </div>
        </div><!-- /content -->

        <a style="display: none" id="global-classDetail-entry-button" href="#classDetail" data-transition="pop"></a>

    </div>

    <div data-role="page" id="classMateList" data-url="classMateList">
        <div data-role="header" data-theme="a" data-position="fixed">
            <h1>
                <br>
                <span class="lead">from <span class="course-name"></span></span>
            </h1>
            <div data-role="controlgroup" data-type="horizontal" class="ui-mini ui-btn-left">
                <br>
                <a href="../" data-rel="back"  class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline ui-icon-carat-l ui-btn-icon-left ui-alt-icon ui-nodisc-icon">返回</a>
            </div>
            <div data-role="controlgroup" data-type="horizontal" class="ui-mini ui-btn-right">
                <br>
                <a href="#refresh-mate-list" data-role="refresh-button"  data-shadow="false" data-iconshadow="false" class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline ui-icon-refresh ui-btn-icon-left ui-alt-icon ui-nodisc-icon">刷新</a>
            </div>

        </div><!-- /header -->

        <div role="main" class="ui-content">

            <ul data-role="listview" data-inset="false">

            </ul>

        </div><!-- /content -->

    </div>

    <!-- from here, it is a big page!! dedicate to chat -->
    <div data-role="page" id="instant-message" data-url="instant-message">
        <div data-role="header" data-theme="a" data-position="fixed">
            <h1>
                <br>
                <span class="lead page-title">消息</span>[<span class="user-status"></span>]
            </h1>
            <div data-role="controlgroup" data-type="horizontal" class="ui-mini ui-btn-left">
                <br>
                <a href="../" data-rel="back"  class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline ui-icon-carat-l ui-btn-icon-left ui-alt-icon ui-nodisc-icon">返回</a>
            </div>
            <div data-role="controlgroup" data-type="horizontal" class="ui-mini ui-btn-right">
                <br>
                <a style="display: none" href="#reconnect" data-role="refresh-button"  data-shadow="false" data-iconshadow="false" class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline ui-icon-refresh ui-btn-icon-left ui-alt-icon ui-nodisc-icon">重连</a>
            </div>

        </div><!-- /header -->

        <div role="main" id="message-panel" class="ui-content">
            <form class="ui-filterable">
                <input id="message-filter-input" data-type="search">
            </form>
            <ul data-role="listview" data-inset="false" data-count-theme="b" data-filter="true" data-input="#message-filter-input">

            </ul>
        </div><!-- /message panel end -->

        <div style="display: none" role="main" id="friend-panel" class="ui-content">
            <form class="ui-filterable">
                <input id="friend-filter-input" data-type="search">
            </form>
            <ul data-role="listview" data-inset="false" data-split-theme="a" data-split-icon="user" data-filter="true" data-input="#friend-filter-input">
                <li><a href="#">
                    <img src="./res/icon/default.jpg">
                    <h2><span class="student-name">李正光</span></h2>
                    <p class="text-muted"><span class="status">[在线]</span><span class="attitude">开心的事儿真多</span></p></a>
                    <a href="#classMateList" data-bind="1" data-id="" data-transition="pop">查看成员</a>
                </li>
                <li><a href="#">
                    <img src="./res/icon/default.jpg">
                    <h2><span class="student-name">李正光</span></h2>
                    <p class="text-muted"><span class="status">[在线]</span><span class="attitude">开心的事儿真多</span></p></a>
                    <a href="#classMateList" data-bind="1" data-id="" data-transition="pop">查看成员</a>
                </li>
                <li><a href="#">
                    <img src="./res/icon/default.jpg">
                    <h2><span class="student-name">李正光</span></h2>
                    <p class="text-muted"><span class="status">[在线]</span><span class="attitude">开心的事儿真多</span></p></a>
                    <a href="#classMateList" data-bind="1" data-id="" data-transition="pop">查看成员</a>
                </li>
            </ul>
        </div><!-- /message panel end -->

        <div style="display: none" role="main" id="group-panel" class="ui-content">
            <form class="ui-filterable">
                <input id="group-filter-input" data-type="search">
            </form>
            <ul data-role="listview" data-inset="false" data-split-icon="grid" data-split-theme="a" data-filter="true" data-input="#group-filter-input">

            </ul>
        </div><!-- /message panel end -->

        <div data-role="footer" data-position="fixed" data-transition="slide">
            <div data-role="navbar" data-role="footer" data-position="fixed" data-transition="slide">
                <ul id="footer-list">
                    <li><a href="#message-panel" data-icon="comment" class="ui-btn-active">消息</a></li>
                    <li><a href="#friend-panel" data-icon="user" class="">好友</a></li>
                    <li><a href="#group-panel" data-icon="grid" class="">群组</a></li>
                </ul>
            </div><!-- /navbar -->
        </div>
    </div>

    <div data-role="page" id="chat-page" data-url="chat-page">

        <div id="contain">
            <div id="content_head">
                <div  class="ui-header ui-header-fullscreen ui-header-fixed slidedown ui-bar-a" style="position: absolute">
                    <h1 class="ui-title" role="heading" aria-level="1">
                        <br>
                        <span class="lead"><span class="title"></span></span>
                    </h1>
                    <div class="ui-mini ui-btn-left ui-controlgroup ui-controlgroup-horizontal ui-corner-all" data-type="horizontal" data-role="controlgroup"><div class="ui-controlgroup-controls ">
                        <br>
                        <a class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline ui-icon-carat-l ui-btn-icon-left ui-alt-icon ui-nodisc-icon ui-first-child ui-last-child" data-rel="back" href="../">返回</a>
                    </div></div>
                    <div class="ui-mini ui-btn-right ui-controlgroup ui-controlgroup-horizontal ui-corner-all" data-type="horizontal" data-role="controlgroup"><div class="ui-controlgroup-controls ">
                        <br>
                        <a class="ui-btn ui-shadow ui-corner-all ui-mini ui-btn-inline ui-icon-grid ui-btn-icon-left ui-alt-icon ui-nodisc-icon ui-first-child ui-last-child" data-iconshadow="false" data-shadow="false" data-transition="slide" data-id="" data-bind="" href="#classMateList">群组</a>
                    </div></div>
                </div>
            </div>
            <div id="content">
                <div id="content_show">
                    <div id="contents">
                        <br>
                        <br>
                        <br>
                        <div class="container">
                            <div class="row">
                                <div class="col-md-12 col-xs-12" id="chat-panel">
                                    <!-- 全部的聊天场所 -->

                                </div>
                            </div>

                        </div><!-- /content -->
                        <div id="chat-panel-bottom"></div>
                    </div>
                </div>
                <div id="content_saying">
                    <div id="toolbar"></div>
                    <div id="input_content" contenteditable="true"></div>
                    <div id="say">
                        发送
                    </div>
                    <!-- messageSource,messageDes, imGroupFlag,imGroupId,messageContent,messageDate -->
                    <input type="hidden" name="messageSource" value="">
                    <input type="hidden" name="messageDes" value="">
                    <input type="hidden" name="imGroupFlag" value="">
                    <input type="hidden" name="imGroupId" value="">
                </div>
            </div>
        </div>
    </div>



</body>

</html>
